/* CSS Document */

#container {
	width: 919px;
	position: relative;
	height: 405px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
			}
			
			#carousel {
	width: 960px;
	height: 265px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
			}
			
			#ui-carousel-next, #ui-carousel-prev {
	width: 55px;
	height: 405px;
	display: block;
	position: absolute;
	top: 0;
	z-index: 100;
         background-image:url("#{resource['image:poLeft.png']}");
	background-repeat: no-repeat;
	background-position: center center;
			}

			#ui-carousel-next {
	right: 0;
        background-image:url("#{resource['image:poRight.png']}");
	background-repeat: no-repeat;
			}

			#ui-carousel-prev {
				left: 0;
			}
			
			#ui-carousel-next > span, #ui-carousel-prev > span {
				display: none;
			}
			.slide {
				margin: 0;
				position: relative;
			}
			
			.slide  h1 {
				width:372px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #b60b01;
	font-size: 24px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
			}
			
			.slide  p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color: #ff5c43;
	margin: 0;
	padding: 0;
	font-size: 36px;
			}

	
			
			#slide01 > img {
	width: 400px;
	height: 290px;
	position: absolute;
	left: 75px;
	top: 60px;
			}
			
			#slide01 > .text {
	position: absolute;
	left: 470px;
	bottom: 35px;
	top: 90px;
	width: 380px;
	height: 240px;
	text-align: center;
	margin-top: 15px;
			}
			#pages {
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
			}
			.bullet {
                                background:url("#{resource['image:page-off.png']}") center center no-repeat;
				display: block;
				width: 18px;
				height: 18px;
				margin: 0;
				margin-right: 5px;
				float: left;				
			}
			.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 300px
}

.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}

.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 234px;
	overflow: hidden;
	width: 267px;	
}
.bntxt {
	width: 372px;
	float: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #000000;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}

.redcl{
	color: #b60b01;
}

#bnMorehere{
	width: 350px;
	float: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	margin-top: 15px;
	font-style: italic;
}
